<template>
  <el-card class="box-card">
    <!-- 标题 -->
    <div slot="header" class="clearfix card-title">
      <!-- <slot name="title"></slot>
       -->
      <span>{{ title }}</span>
      <slot name="btn"></slot>
    </div>
    <!-- 内容 -->
    <slot name="container"></slot>
  </el-card>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="less" scoped>
.card-title {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>